﻿<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="preview/css/reset.css" />
	</head>
	<style>
		html,body{
			width: 100%;
			height : 100%;
			background: url(preview/img/bg.png);
			background-size: 100% 100%;
		}
		iframe{
			position: absolute;
			pointer-events: none;
		}
		.title{
			width: 9.46rem;
			height: 0.61rem;
			left:4.87rem;
			top:0.5rem;

		}
		.time{
			width: 2.2rem;
			height: 0.7rem;
			right:0.3rem;
			top:0.5rem;

		}
		.weather{
			width: 1.5rem;
			height: 0.7rem;
			left:0.3rem;
			top:0.5rem;

		}
		.borrow {
			width: 7.93rem;
			height: 4.18rem;
			left:0.2rem;
			top:1.6rem;
		}
		.notice{
			width: 6.86rem;
			height: 4.18rem;
			left:8.31rem;
			top:1.6rem;
		}
		.collection{
			width: 3.71rem;
			height: 4.18rem;
			left:15.35rem;
			top:1.6rem;
		}
		.read{
			width: 3.96rem;
			height: 4.68rem;
			left:0.2rem;
			bottom:0.16rem;
		}
		.reco{
			width: 5.25rem;
			height: 4.68rem;
			left:4.33rem;
			bottom:0.16rem;
		}
		.borrowRank{
			width: 9.35rem;
			height: 4.68rem;
			left:9.7rem;
			bottom:0.16rem;
		}

	</style>
	<body>
	<iframe src="title.html" frameborder="0" class="title"></iframe>
	<iframe src="time.html" frameborder="0" class="time"></iframe>
	<iframe src="weather.html" frameborder="0" class="weather"></iframe>
	<iframe src="borrow.html" frameborder="0" class="borrow"></iframe>
	<iframe src="sxNotice.html" frameborder="0" class="notice"></iframe>
	<iframe src="collection.html" frameborder="0" class="collection"></iframe>
	<iframe src="readRank.html" frameborder="0" class="read"></iframe>
	<iframe src="sxRecommend.html" frameborder="0" class="reco"></iframe>
	<iframe src="borrowRank.html" frameborder="0" class="borrowRank"></iframe>


		<script src="preview/js/jquery.min.js"></script>
		<!-- rem-->
		<script src="preview/js/rem.js"></script>
		<!-- requestAnimation  兼容性包-->
		<script src="preview/js/requestAnimationFrame.js"></script>
		<!-- 动态添加兼容性前缀，写css不用写一大堆兼容了，写一句就行-->
		<script src="preview/js/prefixfree.min.js"></script>
		<!-- 不同浏览器的刷新频率，返回值是HZ-->
		<script src="preview/js/browser.js"></script>
		<!-- 自定义其他js-->
		<script src="preview/js/index.js"></script>
	</body>
</html>